<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>今日头条</title>
		<link rel="stylesheet" type="text/css" href="css/public.css">
</head>
<body>
  <div>
	  <!-- 顶部 -->
	  <div class="top">
	  	  <div class="top_content">
	  		<div class="top_logo">
	  			<a href="">
	  				<img src="img/logo.png" />
	  			</a>
	  		</div>
	  		<div class="advert">
	  			<a href="" target="_blank">
	  				<img src="img/advert.jpg" />
	  			</a>
	  		</div>
	  		<div class="user">
	  			<a href="user/userLogin.html">
	  				<button type="submit" class="login">登录</button>
	  			</a>
	  		</div>
	  		<div style="clear: left;"></div>
	  	</div>
	  </div>
	  <!-- 内容区 -->
	  <div id="main_box">
	  	 <div class="left">
	  		 <div class="left-col">
	  		     <div class="nav">
	  		       <ul class="sf-menu sf-arrows">
	  		 		<li>
	  		 		    <a href="" class="active">最新推荐</a>
	  		 		     <ul class="sub-menu"></ul>
	  		 		</li>
	  		 		  <li> <a href="" class="sf-with-ul">新闻快报</a></li>
	  		 		  <li><a href="" class="sf-with-ul">国内新闻</a></li>
	  		 		  <li><a href="" class="sf-with-ul">国际新闻</a></li>
	  		 		  <li><a href="" class="sf-with-ul">人文风景</a></li>
	  		 		  <li><a href="" class="sf-with-ul">科技创新</a></li>
	  		 		  <li><a href="" class="sf-with-ul">创业俱乐部</a>
	  		 		  <li><a href="" class="sf-with-ul">区块链</a>
	  		 		  <li><a href="" class="sf-with-ul">互联网</a>
	  		 		  <li><a href="" class="sf-with-ul">二手房</a></li>
	  		 		  <li><a href="" class="sf-with-ul">汽车资讯</a>
	  		 		  <li><a href="" class="sf-with-ul">上市新车</a></li>
	  		 		  <li><a href="" class="sf-with-ul">用车小百科</a></li>
	  		 		  <li><a href="" class="sf-with-ul">旅游攻略</a></li>
	  		 		  <li><a href="" class="sf-with-ul">体育视界</a></li>
	  		 		  <li><a href="" class="sf-with-ul">财经股票</a></li>
	  		 		  <li><a href="" class="sf-with-ulsf-with-ul">美食天地</a></li>
	  		 		  <li><a href="" class="">教育公益</a></li>
	  		 		  <li><a href="" class="sf-with-ul">狂欢京东</a></li>
	  		 	  </ul>
	  		     </div>
	  		 </div>
	  	 </div>
		 <!--中间区域-->
	  	<div class="middle">
		   <!---轮播内容-->
			<div class="gslider">
				<!-- 图片滑动 -->
				<div class="swiper-container swiper-container-initialized swiper-container-horizontal">
					<div class="swiper-wrapper" >
						<div class="swiper-slide swiper-slide-active" style="width: 770px;">
							<a href="" target="_blank">
								<img src="img/c6q2we8re5mcjaxyxx.jpg">
								<h3 class="slide-title">美国称只要不涉及5G，将允许更多企业供货华为，透露什么信号？</h3>
							</a>
						</div>
			  </div>
				<!-- 分页器 -->
				<div class="swiper-pagination"></div>
				<!-- 导航按钮 -->
				<div class="swiper-button-prev" tabindex="0" role="button" aria-label="Previous slide"></div>
				<div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide"></div>
				<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
			</div>
	  					
		<!--文章容器  文章列表开始-->
		<div class="recent-content">
			<h2><span>最新发布</span></h2>

			<div class="lista">
				<h3>
					<a href="" target="_blank">文章标题</a>
				</h3>
				<div class="pov">
					<div class="sview">
						<div class="sviewl">
							<div class="tittop">
								<b>发布于 2020-12-21</b>
							</div>
							<div class="art_summary">
								<p>文章摘要...</p>
							</div>
							<div class="footbar">
							 <i class="footbar-category"><a href="">互联网</a></i>
								   <i class="footbar-like"><a href="javascript:;">阅读(908)</a></i>
							</div>
						</div>
						<!--封面图-->
						<div class="sviewr">
							<a href="" target="_blank"><img src="img/c7y2lxc4ww6kelwdfz.jpg"></a>
						</div>
						
					</div>
				</div>
			</div>
			
			<div class="lista">
				<h3>
					<a href="" target="_blank">【腾讯云】12.11 云上盛惠，云产品限时抢购</a>
				</h3>
				<div class="pov">
					<div class="sview">
						<div class="sviewl">
							<div class="tittop">
								<b>发布于 2020-11-04</b>
							</div>
							<div class="art_summary">
								<p>腾讯云11.11云上盛惠 ，精选热门产品助力上云，云服务器首年88元起，买的越多返的越多，最高返5000元！</p>
							</div>
							<div class="footbar">
								<i class="footbar-category"><a href="">互联网</a></i>
								<i class="footbar-like"><a href="javascript:;">阅读(401)</a></i>
							</div>
						</div>
						
						<div class="sviewr">
							<a href="" target="_blank"><img src="img/cb0wihpicadc7i4hf6.jpg"></a>
						</div>
						
					</div>
				</div>
			</div>
	  	</div>
		</div>
		<div class="right">
			 <div class="searchbox">
			        <form id="searchform" method="get" action="">
			            <input type="search" name="keyWords" class="search-input" value="" placeholder="请输入关键词" autocomplete="off">
			            <button type="submit" class="search-submit">搜索</button>
			        </form>
			    </div>
				<!--广告图-->
			    <div class="ali">
			        <a href="">
			            <img src="img/ay.jpg">
			        </a>
			    </div>
				<!--推荐文章-->
			    <div class="sitebar-article">
			        <h2><span>推荐文章</span></h2>
			        <div class="sitebar-article-list">
			            <ul>
						<!--推荐文章列表-->
			               <li>
			                    <div class="artl">
			                        <a href="" target="_blank">
			                            <p>文章标题</p>
			                        </a>
			                        <label>2020-12-21</label>
			                    </div>
			                    <div class="artr">
			                        <a href="" target="_blank">
									<img src="img/c7y2lxc4ww6kelwdfz.jpg">
							    </a>
			                    </div>
			                 </li>
			                
			                <li>
			                    <div class="artl">
			                        <a href="" target="_blank">
			                            <p>【腾讯云】12.11 云上盛惠，云产品限...</p>
			                        </a>
			                        <label>2020-11-04</label>
			                    </div>
			                    <div class="artr">
			                        <a href="" target="_blank"><img src="img/cb0wihpicadc7i4hf6.jpg"></a>
			                    </div>
			                </li>
			            </ul>
			        </div>
			    </div>
			
			    <!--广告位-->
			    <div class="ali">
			        <a href="">
			            <img src="img/aliyun.jpg">
			        </a>
			    </div>
				
			<!--点击最多的文章-->
			    <div class="sitebar-article">
			        <h2><span>点击最多的文章</span></h2>
			        <div class="sitebar-article-list">
			            <ul>
			                <li>
			                    <div class="artl">
			                        <a href="" target="_blank">
			                            <p>gfast 流程介绍</p>
			                        </a>
			                        <label>2020-12-21</label>
			                    </div>
			                    
			                    <div class="artr">
			                        <a href="" target="_blank"><img src="img/c7y2lxc4ww6kelwdfz.jpg"></a>
			                    </div>
			                    
			                </li>
			                
			                <li>
			                    <div class="artl">
			                        <a href="" target="_blank">
			                            <p>美国称只要不涉及5G，将允许更多企业供货...</p>
			                        </a>
			                        <label>2020-10-30</label>
			                    </div>
			                    
			                    <div class="artr">
			                        <a href="" target="_blank"><img src="img/c6q2we8re5mcjaxyxx.jpg"></a>
			                    </div>
			                </li>
			            </ul>
			        </div>
			    </div>
			</div>
			<div style="clear: left;"></div>
			<!-- 底部友情链接,网站信息 -->
			<div class="main_bottom">
				<div class="main_bottom_link">
					<div class="main_bottom_link_title">友情链接</div>
					<div class="main_bottom_link_content">
						<a href="">百度</a>
						<a href="">新浪</a>
						<a href="">腾讯</a>
						<a href="">淘宝</a>
					</div>
				</div>
				<div class="main_bottom_info">
					© 2021 今日头条 京公网安备 11000002002023号<br/>
				       联系电话：400-140-2108<br/>
					公司名称：北京字节跳动科技有限公司  &nbsp;&nbsp;&nbsp; <a href="user/login.html">管理员登录</a><br/>
				</div>
			</div>
		</div>
  </div>	
</body>
</html>
